<template>
	<view>
		<view class="shop_live">
			<view class="shop_list">
				<view class="bangzhu">
					<view class="bangzhu-top">
						<!-- <view class="bangzhu-cu size">{{tiele}}</view> -->
						<view class="bangzhu-cu size"
							style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
							{{tiele}}
						</view>
					</view>
					<view class="u-page__item" style="padding-bottom: 2vh">
						<view class="">
							<view class="" style="padding-left: 3vw;">
								<text class="min-name"
									style="letter-spacing: 0.3em;line-height: 1.4;color:#999">{{text}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tiele: '',
				text: ''
			};
		},
		onLoad(e) {
			console.log(e)
			this.stateFunc(e.id)
		},
		mounted() {},
		methods: {
			stateFunc(item) {
				console.log(item)
				switch (item) {
					case '1':
						this.tiele = '租期内可修改租赁时间吗?'
						this.text = `在租赁合约有效期内，租期时长不可调整。合约到期后您可自主选择：
						1、买断设备所有权（按协议价格）。
						2、归还设备终止服务。
						3、续签租赁协议延长使用期限`
						break;
					case '2':
						this.tiele = '如何取消订单?'
						this.text = `1、自主取消路径：请前往APP底部导航栏【我的】-【订单中心】，选择需取消的订单并点击"申请取消"按钮；
						2、异常处理通道：若操作异常或提示无法取消，请立即通过以下方式联系客服：
						·在线客服：APP内【帮助中心】-【人工服务】`
						break;
					case '3':
						this.tiele = '为什么下单了在我的订单中看不到订单?'
						this.text = `【专业版】
						尊敬的用户，您遇到的押金未退回情况通常是由于支付完成后中途取消订单导致。建议您依次点击【我的账户】-【待处理订单】核实订单状态：
						若显示"待支付"状态，请耐心等待系统自动确认（一般需3-5个工作日）
						如显示"已取消"，押金将在1-3个工作日内原路返还
						若超时未处理，可联系在线客服提供订单号查询 `
						break;
					case '4':
						this.tiele = '手机号不用了能修改订单或手机号吗?'
						this.text = `如需修改绑定手机号，请按以下路径操作：
						支付宝APP → 我的 → 设置 → 账号与安全 → 手机号
						注意：若订单关联原手机号，建议完成当前租赁流程后再更换`
						break;
					case '5':
						this.tiele = '租用多久可以买断?如何买断、归还?'
						this.text = `
						租赁周期操作指南：
						1. 买断/归还：确认收货后自动解锁，在订单详情页操作
						2. 租金结清：累计还款金额=总租金时解锁买断权限
						3. 续租申请：止租日前30天开放续租入口
						`
						break;
					case '6':
						this.tiele = '商品的押金是多少?能免押吗? 免押金是什么?'
						this.text =`押金管理机制说明：
						1. 免押评估：选定设备→点击"免押评估"→系统自动测算芝麻信用分对应额度
						2. 押金支付：非免押订单支持支付宝余额/银行卡支付
						3. 押金处理：
						   - 正常归还：7个工作日内原路退回
						   - 买断设备：押金自动抵扣买断费用`
						break;
					case '7':
						this.tiele = '租机时需要支付哪些费用?'
						this.text = `
						费用构成说明：
						
						1.​​基础费用​​：押金（非免押用户）+ 租金
						​​2.可选服务​​：设备延保服务（需单独购买）
						​​3.押金规则​​：
							采用信用担保模式，冻结金额以芝麻信用评估为准
							设备归还且无损坏后，押金将在7个工作日内原路退回
						`
						break;
					case '8':
						this.tiele = '为何有的订单发货前会扣多期?'
						this.text = `
						预授权冻结规则：
						1.首期租金+设备价值的30%-50%作为信用预授权
						2.具体金额由系统综合评估：
							芝麻信用分 ≥650分：预授权比例降低
							企业用户/高价值设备：可能提高预授权比例
						`
						break;
					case '9':
						this.tiele = '下单后多久发货?'
						this.text = `
						发货时效承诺：
						1.常规订单：工作日16:00前下单，次日达
						2.特殊情况：
							定制机型：3个工作日内
							库存预警商品：需与供应商确认
						3.实时查询：APP「物流轨迹」实时更新
						`
						break;
					case '10':
						this.tiele = '不是本人签收可以吗?'
						this.text = `
						签收规范要求：
						1.身份验证：
							需本人持身份证原件
							通过人脸识别核验
						2.代签处理：
							可联系快递员改约	
						`
						break;
					case '11':
						this.tiele = '维修期间商品账单日期怎么算?'
						this.text = `
						维修期计算规则：
						1.维修期间：
							不计入租赁周期
							止租日自动顺延（含维修日）
						2.计算公式：
							新止租日 = 原止租日 + 维修天数
								示例：4月29日+7天维修 → 顺延至5月6日
						`
						break;
					case '12':
						this.tiele = '维修寄出的费用由谁来承担?'
						this.text = `
							寄出的运费是采用“谁寄送谁承担”的原则，由寄方承担。
						`
						break;
					case '13':
						this.tiele = '租赁期间的维修费用由谁来承担?'
						this.text =
							`订单交易快照中有展示【自然损耗标准】、【损坏赔偿标准】、【折损赔偿标准】的以订单交易快照为准;
订单交易快照中没有【自然损耗标准】、【损坏赔偿标准】、【折损赔偿标准】的则按租期内商品的正常折旧(自然损耗)由商家承担，租期内商品产生的性能故障由商家免费提供维修或换货服务，软件问题由商家协助解决;非自然损耗(含过度折旧、损坏、故障、拆机等)由用户承担维修费用，具体维修费用由商家和用户协商决定，维修总费用不得超过商品押金*80%;`
						break;
					case '14':
						this.tiele = '商品可以提前买断吗?'
						this.text = `
						提前买断规则：
						
						1.操作路径：订单详情页 →「立即买断」按钮
						2.费用构成：剩余未付租金 + 设备残值补偿金（系统自动测算）
						3.到账时效：买断成功后，押金将在3个工作日内解冻
						`
						break;
					case '15':
						this.tiele = '商品可以提前归还吗? 赠品是否需要归还?'
						this.text = `
						设备处置政策：
						
						1.归还限制：
							租赁期内不支持自愿提前归还
							强制提前归还需支付全额剩余租金
						2.赠品处理：
							附赠品无需返还（含配件、包装等）
							需保持赠品完好无损
						`
						break;
					case '16':
						this.tiele = '归还商品会产生费用吗?'
						this.text = `
						检测结果决定费用：
						正常→0费用
						问题机→按损坏等级收费`
						break;
					case '17':
						this.tiele = '审核失败了一次，还能继续下单重新审核吗?'
						this.text = `
						风控审核锁定机制：
						
						1.冻结期：审核失败后立即触发3个月冷静期
						2.解冻条件：
								期间保持良好信用记录
								可上传补充资产证明
						3.特殊通道：企业用户可申请加急复审
						`
						break;
					case '18':
						this.tiele = '审核失败后押金如何处理?'
						this.text = `
						资金退回保障：
						
						1.自动撤销：审核失败订单3小时内失效
						2.押金退回：
								原路返回至支付账户
								到账时效：1-3个工作日
						3.异常处理：如遇延迟可联系客服查询流水
						`
						break;
					case '19':
						this.tiele = '审核时间?'
						this.text = `
						审核时效说明：
						
						1.常规审核：16:00前提交→次日12:00前完成
						2.加急通道：付费用户可缩短至6小时
						3.延迟场景：
							信用数据异常需人工复核
							非工作日顺延至下一工作日
						`
						break;
					case '20':
						this.tiele = '芝麻分多少能过审核?'
						this.text = `
						风控评估维度：
						
						1.核心要素：
								设备匹配度（历史租用记录）
								多头借贷指数
								消费稳定性
						2.参考因素：芝麻信用分仅作辅助验证
						3.高风险拦截：频繁更换设备者自动拒批
						`
						break;
					case '21':
						this.tiele = '不选择意外保险，会不会降低通过率?'
						this.text = `
						保险产品定位：
						
						1.产品属性：可选消费增值包
						2.覆盖范围：
							仅限高端机型（单价＞5000元）
							承保范围：意外坠落/液体泼溅
						3.互不影响：投保与否不影响审核结果
						`
						break;
					case '22':
						this.tiele = '还机后，我的隐私如何保障?'
						this.text = `
						数据安全保障体系：
						
						1.物理
							合作方：Blancco认证数据擦除机构
							标准：符合NIST 800-88指南
						2.数字清除：
							工程师二次验证
							生成《数据清除认证报告》
						3.法律保障：
							签订《隐私保密协议》
							数据残留检测追溯期2年
						`
						break;
					case '23':
						this.tiele = '租比买有什么优势?'
						this.text =
							`
							租赁模式核心价值：

							1.资产流动性：
								年度设备更新计划
								旧机折价自动抵扣
							2.资金优化：
								月付制（≈商品总价÷24）
								无残值折损风险
							3.需求适配：
								支持跨机型升级
								按使用场景匹配配置
							`
						break;
					case '24':
						this.tiele = '手机都是全新的吗?'
						this.text = `
						设备来源说明：
						
						1.采购渠道：
							直营仓：苹果/华为官方授权经销商
							海外机：保税区直发（带CIQ防伪码）
						2.品质保障：
							全新未拆封（SN码可官网查验）
							支持7日验机（质量问题全额退款）
						`
						break;
					case '25':
						this.tiele = '逾期的后果和影响?'
						this.text = `
						逾期处置阶梯：
						
						1.首次逾期（≤5天）：
							收取滞纳金（日0.05%）
							信用分扣减
						2.中度逾期（6-30天）：
							设备远程锁机
							上报征信机构
						3.严重逾期（＞30天）：
							启动法律追偿程序
							司法拍卖设备抵偿
						`
						break;
					default:
						break;
				}
				console.log(this.tiele, this.text)
			},
		},
	};
</script>

<style lang="scss" scoped>
	.active {
		background-color: #FFF6E5;
		color: #FCAA04;
		font-weight: bold;
		box-shadow: 0 5rpx 0 #F7AC18;
	}

	.tab-item {
		flex: 1;
		height: 70rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 30rpx;
		color: #999999;
		margin: 0 12rpx;
		background-color: #F1F2F6;
		padding: 0 30rpx;
		border-radius: 15rpx;

	}

	.tab-item:nth-last-child(1) {
		padding-right: 50rpx;
	}

	.contact-btn {
		width: 686rpx;
		height: 96rpx;
		background: #00cc88;
		color: #fff;
		border-radius: 16rpx;
		font-size: 32rpx;
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	.contact-btn contact-button {
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.shop_live {
		height: 612rpx;
	}

	.shop_list {
		height: auto;
		padding: 20rpx 40rpx;
		box-sizing: border-box;
		background: #f5f5f5;

		.shop_list_all {
			width: 670rpx;
			height: 308rpx;
			background: #ffffff;
			box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(0, 0, 0, 0.1);
			border-radius: 20rpx;
			opacity: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 40rpx;
			box-sizing: border-box;

			.shop_list_all_time_one {
				display: flex;
				justify-content: flex-end;
				flex-direction: column;

				.text_one {
					font-size: 44rpx;
					font-weight: 400;
					color: #000000;
				}

				.text_two {
					margin-top: 40rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #666666;
				}
			}

			.shop_list_all_time_img {
				image {
					width: 180rpx;
					height: 188rpx;
				}
			}
		}

		.shop_list_all_line {
			margin-top: -126px;
			width: 670rpx;
			height: 116rpx;
			background: #ffffff;
			box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(0, 0, 0, 0.1);
			border-radius: 20rpx;
			opacity: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 40rpx;
			box-sizing: border-box;

			.shop_list_all_line_one {
				display: flex;
				justify-content: flex-end;
				flex-direction: column;

				.text_three {
					font-size: 36rpx;
					font-weight: 400;
					color: #0050b4;
				}

				.text_fore {
					font-size: 28rpx;
					font-weight: 400;
					color: #666666;
					margin-top: 10rpx;
				}
			}

		}

		.shop_list_all_hotline {
			margin-top: 26rpx;
			width: 670rpx;
			height: 116rpx;
			background: #ffffff;
			box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(0, 0, 0, 0.1);
			border-radius: 20rpx;
			opacity: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 40rpx;
			box-sizing: border-box;
			margin-bottom: 600rpx;

			.shop_list_all_hotline_img {
				display: flex;
				justify-content: center;
				align-items: center;

				.shop_list_all_hotline_img_r {
					margin-left: 4rpx;
					display: flex;
					flex-direction: column;
					justify-content: center;

					.text_five {
						font-size: 36rpx;
						font-weight: 400;
						color: #0050b4;
					}

					.text_six {
						font-size: 28rpx;
						font-weight: 400;
						color: #666666;
						margin-top: 10rpx;
					}
				}

				image {
					width: 96rpx;
					height: 96rpx;
				}
			}

			.shop_list_all_hotline_one {
				display: flex;
				align-items: center;
				justify-content: center;

				width: 148rpx;
				height: 56rpx;
				background: #e6212a;
				box-shadow: 0rpx 8rpx 8rpx 2rpx rgba(230, 33, 42, 0.25);
				border-radius: 240rpx;
				opacity: 1;

				text {
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 24rpx;
					font-weight: 400;
					color: #ffffff;
				}
			}
		}
	}

	.kefu-bg {
		width: 100%;
		height: 300rpx;
		z-index: -10;

		.image-bg {
			width: 100%;
			height: 280rpx;
			z-index: 0;
			// background: #284a94;
		}

		.gao {
			width: 100%;
			height: 300rpx;
			background-color: #2b85e4;
		}
	}

	.bangzhu {
		// width: 650rpx;
		// height: 490rpx;
		background: #fff;
		border-radius: 20rpx;
		padding: 0 20rpx;
	}

	.bangzhu-top-icon {
		width: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bangzhu-top {
		height: 90rpx;
		line-height: 90rpx;
		// background: greenyellow;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;

		.bangzhu-cu {
			padding-left: 3vw;
			height: 80rpx;
			line-height: 80rpx;
			// background: firebrick;
		}

		.size {
			font-size: 36rpx;
			font-weight: 900;
		}

		.jiantou {
			text-align: right;
			color: #ccc;

			image {
				width: 30rpx;
				height: 30rpx;
				margin-left: 6rpx;
			}
		}
	}

	.bangzhu-buttom {
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		// background: greenyellow;
		background: #fff;
		display: flex;
		flex-flow: row nowrap;
		// justify-content: space-between;

		&:before {
			content: "";
			width: 100%;
			// border-top: 0.5px solid #ccc;
		}

		.bangzhu-cu {
			width: 50%;
			height: 100rpx;
			line-height: 100rpx;
			display: flex;

			// background: firebrick;
			.bangzhu-bg {
				width: 40rpx;
				height: 40rpx;
				// background-image: url('https://i-s2.328888.xyz/2022/06/30/62bd44b826d9a.png');
				// background-size: contain;
				// background-repeat: no-repeat;
			}

			.bangzhu-bg1 {
				width: 160rpx;
				height: 40rpx;
			}
		}

		.bangzhu-buttom-left {
			text-align: left;
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			justify-content: start;
			// margin-left: 8px;
			// font-size: 20px
			// image {
			// 	width: 20px;
			// 	height: 20px;
			// 	// margin-left: 3px;
			// 	margin-right: 12px;
			// 	position: relative;
			// 	top: 5px;

			// }
			.bangzhu-buttom-left-image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 24rpx;
				// position: relative;
				// top: 5px;
				background-image: url("https://i-s2.328888.xyz/2022/06/30/62bd44b826d9a.png");
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			// https://i-s2.328888.xyz/2022/06/30/62bd44b6a7a69.png
			.bangzhu-buttom-left-image1 {
				width: 40rpx;
				height: 40rpx;
				margin-right: 24rpx;
				// position: relative;
				// top: 5px;
				background-image: url("https://i-s2.328888.xyz/2022/06/30/62bd44b6a7a69.png");
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			.bangzhu-buttom-left-image2 {
				width: 40rpx;
				height: 40rpx;
				margin-right: 24rpx;
				// position: relative;
				// top: 5px;
				background-image: url("https://i-s2.328888.xyz/2022/06/30/62bd44b6676bb.png");
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			.bangzhu-buttom-left-image3 {
				width: 40rpx;
				height: 40rpx;
				margin-right: 24rpx;
				// position: relative;
				// top: 5px;
				background-image: url("https://i-s2.328888.xyz/2022/06/30/62bd44b766929.png");
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			span {
				font-size: 30rpx;
			}
		}

		.bangzhu-buttom-right {
			width: 300rpx;
			height: auto;
			display: flex;
			align-items: center;
			justify-content: flex-end;

			.bangzhu-buttom-right-bg {
				width: 30rpx;
				height: 30rpx;
				background-image: url("https://i-s2.328888.xyz/2022/06/30/62bd6933051f7.png");
				background-repeat: no-repeat;
				background-size: 100% 100%;
				margin-right: 0;
			}
		}
	}





	.bottom {
		width: 100%;
		height: 140rpx;
		line-height: 140rpx;
		text-align: center;
		color: #666666;
		font-size: 24rpx;

	}
</style>